@charset "gb2312";
/* CSS Document */

html{color:#333;background:#fff;}
body,div,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,dl,dt,dd,input,textarea{ color:#333333;
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei",SimSun;
    font-weight: normal;
	letter-spacing:1px;
}
*{ padding:0 ; margin:0 ;}
table{border-collapse:collapse;border-spacing:0;}
a{ text-decoration:none; color:#333333;}
a:link {color:#333333;}     /* 未访问的链接 */
a:visited {color:#333333;}  /* 已访问的链接 */
a:hover {color:#333333;}    /* 当有鼠标悬停在链接上 */
a:active {color:#333333;}   /* 被选择的链接 */
fieldset,img{border:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}

.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.mar-top{ margin-top:20px;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.MT-10{ margin-top:10px;}
.MT-15{ margin-top:15px;}
.MT-20{ margin-top:20px;}
.MT-30{ margin-top:30px;}
.MT-40{ margin-top:40px;}
.MT-50{ margin-top:50px;}
.MT-60{ margin-top:60px;}
.MT-65{ margin-top:65px;}
.MT-70{ margin-top:70px;}
.MT-80{ margin-top:80px;}

.MB-20{ margin-bottom:20PX;}
.MB-30{ margin-bottom:30px;}
.MB-40{ margin-bottom:40px;}
.MB-50{ margin-bottom:50px;}

.BG-TC{ background-position:top center; background-repeat:no-repeat;}
.BG-TL{ background-position:top LEFT; background-repeat:no-repeat;}
.BG-TR{ background-position:top RIGHT; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}


/*TITLE*/
.H-TITLE01{ margin-top:50px;}
.H-TITLE01 h2{ display:block; height:40px; line-height:40px; text-align:center; background-image:url(../images/bg01.jpg); background-position:top center; background-repeat:no-repeat; color:#323232; font-size:26px;}

.H-TITLE02{ height:83px; background-image:url(../images/bg03.jpg);}
.H-TITLE02-l{ margin-left:15px; height:83px;}
.H-TITLE02-l h3{
	display:block;
	height:31px;
	line-height:31px;
	text-align:center;
	font-size:35px;
	color:#323232;
	text-transform: uppercase;
	font-family: impact;
	letter-spacing:0px;
}
.H-TITLE02-l h2{
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	margin-top:16px;
	font-size:22px;
	color:#323232;
}
.H-TITLE03{
	height:36px;
	line-height:36px;
	text-align:left;
	border-left: #0070A4 8px solid;
}
.H-TITLE03 h2{ display:block; float:left; margin-left:20px; font-size:26px; color:#000; height:36px; line-height:36px; text-align:left;letter-spacing:0px;}
.H-TITLE03 h3{ display:block; float:left; margin-left:20px; font-size:22px; color:#bdbcbc; height:36px; line-height:36x; text-align:left; text-transform:uppercase; letter-spacing:0px;}


/*TOP*/

.H-search{ height:41px; width:359px; margin:0 auto;}
.H-search-input{ width:270px; height:33px; border:#eeeeee 1px solid; background-color:#fff; color:#999; padding:0px 15px; float:left;}
.H-search-sub{ width:57px; height:35px; line-height:35px; text-align:center; background-image:url(../images/search-01.jpg); color:#fff; float:left;}


.TOP-01{ height:39px; background-color:#e6e6e6;}
.TOP-01-l01{ float:left; height:39px; line-height:39px; width:740px; text-align:left; font-size:14px; color:#333333; overflow:hidden;}
.TOP-01-l0r{ float:right; width:239px;}
.TOP-01-l0r h3{ display:block; float:left;  height:39px; line-height:39px; font-size:14px; color:#000;}

.TOP-02{ height:159px; background-image:url(../images/bg02.jpg);}
.TOP-03{
	height:86px;
	width:100%;
	background-color:#0D679D;
}
.TOP-MENU{ width:1100px; height:86px; overflow:hidden;}
.TOP-MENU ul{ margin:0px; padding:0px;}
.TOP-MENU ul li{ float:left; width:120px; height:86px;}
.TOP-MENU ul li a h2{ display:block; height:30px; line-height:30px; text-align:center; margin-top:18px; color:#fff; font-size:18px;}
.TOP-MENU ul li a h3{ display:block; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; text-transform:uppercase;}
.TOP-MENU ul li:hover{  background-image:url(../images/menu_bg.png); background-position:top center; background-repeat:no-repeat;}
.TOP-MENU-hover{background-image:url(../images/menu_bg.png) !important; background-position:top center !important; background-repeat:no-repeat !important;}
/*END TOP*/ 

/*HOME MIDDLE*/
.H-part01{
	width:1100px;
	height:191px;
	overflow:hidden;
	text-align:center;
	color:#727272;
	font-size:17px;
	line-height:190%;
}
.H-why{ width:1100px; margin:0 auto;}
.H-why ul{ margin-top:32px; padding:0px;}
.H-why ul li{ float:left; width:366px; height:325px;}
.H-why ul li h2{ display:block; height:159px; background-image:url(../images/bg04-1.jpg); line-height:159px; text-align:center; color:#fff; font-size:47px; background-position:top center; background-repeat:no-repeat;}
.H-why ul li h3{ display:block; margin-top:15px; height:41px; line-height:41px; text-align:center; font-size:20px; color:#000;}
.H-why ul li p{ display:block; width:292px; margin:0 auto; height:85px; line-height:170%; text-align:center; font-size:16px; color:#8e8e8e; letter-spacing:0px;}
.H-part03{ height:417px; width:100%; background-image:url(../images/bg05.jpg); background-position:top center; background-repeat:no-repeat;}

.H-proclass01{ width:1042px; margin:0 auto;}
.H-proclass01 ul{ margin-top:30px;}
.H-proclass01 ul li{ float:left; width:203px; height:41px;}
.H-proclass01 ul li a h2{ display:block; float:left; width:203px; height:41px; line-height:41px; text-align:center; font-size:16px; color:#353535;}
.H-proclass01 ul li:hover a h2, .H-proclass01 ul li:first-child a h2{ display:block; background-image:url(../images/pro_bg02.jpg); color:#fff;}
.H-proclass01-hover{background-image:url(../images/pro_bg02.jpg) !important; color:#fff !important;}

.N-proclass01{ width:1042px; margin:0 auto;}
.N-proclass01 ul{ margin-top:30px;}
.N-proclass01 ul li{ float:left; width:203px; height:41px;}
.N-proclass01 ul li a h2{ display:block; float:left; width:203px; height:41px; line-height:41px; text-align:center; font-size:16px; color:#353535;}
.N-proclass01 ul li:hover a h2{ display:block; background-image:url(../images/pro_bg02.jpg); color:#fff;}
.N-proclass01-hover a h2{background-image:url(../images/pro_bg02.jpg) !important; color:#fff !important;}

.H-pro01{ width:1100px; margin:0 auto; overflow:hidden;}
.H-pro01 ul{ margin-top:30px; padding:0px; width:1200px;}
.H-pro01 ul li{ float:left; width:350px; height:304px; background-color:#fff; margin-right:22px; margin-bottom:30px;}
.H-pro01 ul li .nr{ height:80px; width:349px; background-color: #F7F7F7; border-left:#bfbfbf 1px solid;}
.H-pro01 ul li .nr a h2{ display:block; height:40px; line-height:40px; text-align:center; color:#393939; font-size:16px;}
.H-pro01 ul li .nr h4{ display:block; height:20px; line-height:20px; text-align:left; color:#a1a1a1; font-size:13px; text-indent:38px; background-image:url(../images/tu04.png); background-position:top left; background-repeat:no-repeat;}

.H-pro01 ul li:hover{
	float:left;
	width:260px;
	height:190px;
	background-color:#d31814;
}
.H-pro01 ul li:hover .nr{
	height:80px;
	width:350px;
	background-color:#0070A4;
	border:none;
}
.H-pro01 ul li:hover .nr a h2{ display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px;}
.H-pro01 ul li:hover .nr h4{ display:block; height:20px; line-height:20px; text-align:left; color:#eaa8a7; font-size:13px; text-indent:38px; background-image:url(../images/tu04.png); background-position:top left; background-repeat:no-repeat;}



.text-desc{position: absolute; left: 0; top: 0; background-color: #383838; height: 100%; opacity: 0; width: 308px; padding: 20px; color:#fff;}


/* effect-2 css */
.H-pro01 ul li .btn{display: inline-block; margin-top:15px; padding: 5px 20px; font-size: 14px; color: #fff; border: 2px solid #e93d39; background-color: #e93d39; text-decoration: none; transition: 0.4s;
	-moz-border-radius: 10px;      /* Gecko browsers */   -webkit-border-radius: 10px;   /* Webkit browsers */    border-radius:10px;            /* W3C syntax */
}
.H-pro01 ul li .btn:hover{background-color: transparent; color: #e93d39; transition: 0.4s;}
.H-pro01 ul li .port-2{
	float: left;
	width: 260px;
	position: relative;
	overflow: hidden;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.9);
	perspective: 260px;
}
.H-pro01 ul li .port-2 .text-desc{z-index: -1; transition: 0.6s;}
.H-pro01 ul li .port-2 .image-box{transition: 0.4s;}
.H-pro01 ul li:hover .port-2 .image-box{}

.H-pro01 ul li:hover .port-2.effect-1 .text-desc{opacity: 1;}

.H-pro01 ul li .port-2.effect-2 .text-desc{opacity: 1; top: -100%;}
.H-pro01 ul li .port-2.effect-2 .text-desc a h3{ display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px;}
.H-pro01 ul li:hover .port-2.effect-2 .text-desc{top: 0;}

.H-pro01 ul li .port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;}
.H-pro01 ul li:hover .port-2.effect-3 .text-desc{bottom: 0;}
/* effect-2 css end */
/*= Media Screen CSS
==================== */
.H-part05{ margin-top:45px;}
.H-part05-l{ float:left; width:556px; height:333px;}
.H-part05-l .div01{ width:556px; height:141px; position:relative;}
.H-part05-l .div01 .img{ width:556px; height:141px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.H-part05-l .div01 .date01{ position:absolute; top:0px; left:0px; width:62px; height:84px; background-color:#e93d39; z-index:5;}
.H-part05-l .div01 .date01 h3{ display:block; color:#fff; width:62px; height:63px; line-height:76px; text-align:center; font-size:57px; letter-spacing:0px; font-family:Redhead Goddess;}
.H-part05-l .div01 .date01 h4{ display:block; color:#fff; width:62px; height:13px; line-height:13px; text-align:center; font-size:12px; letter-spacing:0px;}
.H-part05-l .div02{ width:556px; margin-top:22px;}
.H-part05-l .div02 a h2{ display:block; height:47px; line-height:47px; text-align:left; font-size:16px; color:#222121; font-weight:bold; letter-spacing:0px;}
.H-part05-l .div02 p{ display:block; height:47px; line-height:150%; text-align:left; color:#8c8c8c; font-size:14px; overflow:hidden; letter-spacing:0px;}
.H-part05-l .more a{ display:block; margin-top:30px; width:304px; height:44px; line-height:40px; text-align:center; font-size:14px; color:#ffffff; background-image:url(../images/bg07.jpg);}
.H-part05-r{ float:right; width:503px; height:338px;}

.H-news01{ width:503px; height:auto; overflow:hidden;}
.H-news01 ul{ margin:0px; padding:0px;}
.H-news01 ul li{ width:100%; height:108px; border-bottom:#e9e9e9 1px solid;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-news01 ul li .l{
	float:left;
	width:10px;
	height:108px;
}
.H-news01 ul li .l h3{ display:block; height:68px; line-height:78px; text-align:center; color:#a6a6a6; font-size:57px; font-family:Redhead Goddess;}
.H-news01 ul li .l h4{ display:block; height:16px; font-size:12px; line-height:16px; text-align:center; color:#a6a6a6; letter-spacing:0px;}
.H-news01 ul li .r{
	float:right;
	width:492px;
}
.H-news01 ul li .r a h2{ display:block; height:48px; line-height:48px; text-align:left; font-size:16px; color:#000000; overflow:hidden; letter-spacing:0px;}
.H-news01 ul li .r p{ display:block; height:40px; text-align:left; line-height:130%; color:#aaaaaa; font-size:14px; overflow:hidden; letter-spacing:0px;}

.H-news01 ul li:hover { background-color:#e93d39;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-news01 ul li:hover .l h3{ color:#fff;}
.H-news01 ul li:hover .l h4{ color:#fff;}
.H-news01 ul li:hover .r a h2{ color:#fff;}
.H-news01 ul li:hover .r p{ color:#fff;}

.H-MORE01 a{
	display:block;
	width:148px;
	height:38px;
	line-height:38px;
	text-align:center;
	border:#0070A4 1px solid;
	margin:0 auto;
	color:#443f45;
	-moz-border-radius: 20px;      /* Gecko browsers */
	-webkit-border-radius: 20px;   /* Webkit browsers */
	border-radius:20px;            /* W3C syntax */
}
.H-MORE01 a:hover{
	display:block;
	background-color:#0070A4;
	color:#fff;
}
.H-part06{
	height:378px;
	width:100%;
	margin-top:40px;
	background-attachment: inherit;
}
.H-part06 .l{ float:left; width:530px; height:305px; background-image:url(../images/bg09.png);}
.H-part06 .l .nr{ width:440px; height:148px; margin:0 auto; text-align:left; color:#fff; line-height:170%; font-size:16px;}
.H-part06 .l .more a{ display:block; width:117px; margin:0 auto; height:31px; line-height:31px; text-align:center; border:#fff 1px solid; font-size:15px; color:#fff;
	-moz-border-radius: 5px;      /* Gecko browsers */   -webkit-border-radius: 5px;   /* Webkit browsers */    border-radius:5px;            /* W3C syntax */ 	
}
.H-part06 .l .more a:hover{ display:block; background-color:#fff; color:#666;}
.H-part06 .r{
	float:right;
	width:1200px;
	height:305px;
	background-image:url(../images/bg10.png);
}
.H-part06 .r .ditu{
	width:1200px;
	height:270px;
	margin:0 auto;
	overflow:hidden;
}
/*END HOME MIDDLE*/

/*内页*/
.N-HOT{ height:45px; background-image:url(../images/bg11.jpg);}
.N-HOT .w-1100 .tit01{ height:45px; padding-right:20px; line-height:45px; color:#505050; float:left; font-size:16px;}
.N-HOT .w-1100 a h2{ display:block; float:left; height:45px; line-height:45px; padding-right:15px; font-size:14px; color:#666;}

.N-title01{ margin-top:60px;}
.N-title01 h2{ display:block; height:45px; width:100%; line-height:45px; text-align:center; background-image:url(../images/bg12.jpg); background-position:top center; background-repeat:no-repeat; font-size:26px; color:#323232;}
.N-title01 p{ display:block; height:46px; line-height:46px; text-align:center; color:#cbcbcb; font-size:20px; letter-spacing:10px;}
.N-PROCLASS01{ width:100%; padding:0px 0px 30px 0px; border-bottom:#CCC 1px solid;}


/*end 内页*/


/*BOTTOM*/
.H-b-l{ height:78px; width:100%; border-top:#efefef 1px solid; border-bottom:#d9d7d8 5px solid;}
.H-b-menu{ width:1100px; overflow:hidden; height:78px; margin:0 auto;}
.H-b-menu ul{ margin:0px; padding:0px;}
.H-b-menu ul li{ float:left; width:122px; height:78px; line-height:78px; text-align:center; font-size:16px; color:#666;}
.H-b-menu ul li a h2{ display:block; width:122px; height:78px; line-height:78px; text-align:center; font-size:16px; color:#666;}
.H-b-menu ul li:hover a h2{ color:#e93d39;}

.H-b-2{ width:100%; background-color:#232323; padding:80px 0px 50px 0px;}
.H-b-title{ height:32px;}
.H-b-title h2{ display:block; height:32px; float:left; line-height:32px; color:#c6c6c6; font-size:18px;}
.H-b-2-1{ float:left; width:302px;}
.H-b-proclass{ margin-top:37px;}
.H-b-proclass a h3{ display:block; height:26px; line-height:26px; text-align:left; color:#797979; font-size:15px;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-b-proclass a:hover h3{ display:block; background-color:#e93d39; color:#fff; text-indent:12px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-b-2-2{ float:left; width:420px;}
.H-b-2-2 .nr{ margin-top:37px; text-align:left; color:#797979; font-size:15px; line-height:190%; overflow:hidden; letter-spacing:0px;}
.H-b-2-3{ float:left; width:240px;}
.H-b-2-3 .l{ float:left; width:240px; height:auto;color:#797979; font-size:15px; line-height:24px; overflow:hidden; letter-spacing:0px; margin-top:37px;}
.H-b-2-3 .r{ float:right; width:126px; height:auto; margin-top:37px;}
.H-b-2-3 .r .img01{ float:right; width:130px; height:140px;}
.H-b-2-3 .r h3{ height:40px; line-height:40px; text-align:center; font-size:18px;color:#cfcfcf;}

.H-b-3{ background-color:#0e0e0e; height:90px;}
.H-b-r{
	height:90px;
	background-color:#000000;
	line-height:40px;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
}
/*END BOTTOM*/

/*searche*/
.T-search{ float:right; width:233px; height:41px; line-height:41px; overflow:hidden; color:#696c73; background-image:url(../images/search.jpg);}
.T-search .input01{ float:left; width:175px; height:28px; line-height:28px; border:0px; margin-left:15px; text-align:left; background-color:#303440; margin-top:6px; color:#696c73; font-size:13px;}
.T-search .sub01{ float:left; width:31px; height:28px; background-image:url(../images/search-sub.jpg); background-repeat:no-repeat; margin-top:6px;}

/*首页留言*/
.ly01{ float:left; width:330px; height:130px;}
.ly_hang{ width:310px; height:47px; border:#b5b5b5 2px solid;}
.ly_hang h3{ display:block; float:left; height:47px; line-height:47px; width:56px; text-align:center; color:#96979e; font-size:14px;}
.ly_input{ display:block; float:left; height:47px; line-height:47px; width:245px; text-align:left; color:#96979e; font-size:14px; border:0px; background-color:#1c223a;}
.ly02{ float:left; width:447px; height:130px;}
.ly_hang02{ float:right; width:420px; height:127px; border:#b5b5b5 2px solid;}
.ly_hang02 h3{ display:block; float:left; height:47px; line-height:47px; width:56px; text-align:center; color:#96979e; font-size:14px;}
.ly_input02{ float:right; width:356px; height:123px; line-height:130%;text-align:left; color:#96979e; font-size:14px; border:0px; background-color:#1c223a; }
.ly03{ width:777px; height:70px;}

/*首页留言*/
.hang{ height:40px; border-bottom:#f1f1f1 2px solid; width:100%; background-color:#fff; margin-bottom:10px;}
.hang2{ height:100px; border-bottom:#f1f1f1 2px solid;}
.hang01{ display:block; height:40px; line-height:40px; float:left; font-size:14px; color:#000; overflow:hidden; margin-right:6px; text-align:left; text-indent:15px;}
.hang02{ display:block; height:40px; line-height:40px; float:left; font-size:14px; color:#ffffff; overflow:hidden; text-align:left;}
.biaodian{ display:block; margin-top:10px;  margin-left:10px; width:385px; height:125px; float:left; overflow:hidden; background:none;}
.message01{ width:470px; height:150px; background-color:#fff; border:#e5e5e5; color:#333;}
.MY-input01{display:block;width:185px; margin-top:5px; margin-left:10px;  height:30px; line-height:40px; float:left; font-size:14px; color:#fff; border:none; text-align:left; background:NONE;}
.MY-input01-duan{display:block;width:300px; margin-top:5px; margin-left:10px;  height:30px; line-height:40px; float:left; font-size:14px; color:#fff; border:none; text-align:left; background:NONE;}
.MY-input02{ height:31px; width:100px; line-height:31px; background-color:#3e4245; color:#fff; float:left; margin-right:5px; margin-top:10px;}
.hang-color{color:#f63c3d !important;}
.hang .l{ float:left; width:296px;}
.hang .r{ float:right; width:110px;}

	/*留言自定义*/
.label{float:left;width:90px;text-align:right;padding-right:10px;clear:both; color:#ffffff; font-size:17px; margin-top:15px;}
.label span{color:#fff; margin-top:15px;}
.mybook2{margin-left:120px; padding-top:3px;}
.mybook3{border:1px solid #ccc;padding:5px 10px;vertical-align:middle;overflow:hidden; height:20px;}

/*友情链接*/	
.MY-LINK{width:1100px; height:90px; margin:0 auto;}
.MY-LINK .TIT{ float:left; width:126px; height:90px; line-height:90px; text-align:center; color:#cdcdcd;  font-size:18px; }
.MY-LINK a h3{ display:block; float:left; margin-right:18px;  height:90px; line-height:90px; text-align:center; font-size:14px; color:#797979; padding:0 10px;}	
.MY-LINK a:hover h3{ color:#fff;}


	


	/*二级*/
.one-pro a{
	width:100%;
	height:33px;
	line-height:33px;
	font-family:"微软雅黑";
	font-size:18px;
	text-align: center;
	color:#ffffff;
	display:block;
	background-image: url(../images/ny-bg04.jpg);
	background-position: center; 
	background-repeat:no-repeat;
	margin-bottom:10px;
	}
.one-pro a:hover,.one-pro:first-child a{
	color:#fff;
	background-image: url(../images/ny-bg03.jpg);
	background-position:center; 
	background-repeat:no-repeat;
	}
.one-pro a:visited{ color:#ffffff;}
.second-pro{
	margin:0 auto;
	width:223px;
	}
	
.second-pro ul{
	padding:0px 0px;
	margin:-6px 0px 20px;
	}

.second-pro ul li{
	height:29px;
	line-height:29px;
	font-family:"微软雅黑";
	font-size:15px;
	text-align:left;
	}

.second-pro ul li a{
	font-size:14px;
	text-align:left;
	color:#000;
	display:block;
	text-indent:30px;
	border-bottom:#767676 1px dashed;
	background-image: url(../images/ny-bg05.jpg);
	background-position:left; 
	background-repeat:no-repeat;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
.second-pro ul li a:hover{
	color:#0f66a9;
	display:block;
	text-indent:36px;
	background-color:#f2f2f2;
	background-image: url(../images/ny-bg05.png);
	background-position:left; 
	background-repeat:no-repeat;
	margin-top:0px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	
.second-pro ul li a:visited{
	color:#000;
	display:block;
	}
	

	

/*首页渐出效果*/

.js .animate-box {
  opacity: 0;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*END 首页渐出效果*/
/*首页效果*/
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.h-proc-bg {
	padding: 15px; width: 100%; height: auto; border-top-color: rgb(209, 239, 203); border-bottom-color: rgb(209, 239, 203); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.w-1200 {
	margin: 0px auto;
	width: 1200px;
	overflow: hidden;
}

.la-session-more {
	text-align: left;
}
.la-session-more a {
	background: #0066CC; margin: 3px; padding: 0px; border-radius: 20px; padding-left:15px; padding-right:15px; height: 45px; text-align: center; color:#ffffff; line-height: 45px; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.la-session-more a:hover {
	background: none; border-color:#ffffff;
}

.la-session-more1 {
	text-align: left;
}
.la-session-more1 a {
	background: #0066CC; margin: 3px; padding: 0px; border-radius: 20px; padding-left:15px; padding-right:15px; height: 32px; text-align: center; color:#ffffff; line-height: 32px; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.la-session-more1 a:hover {
	background: none; border-color:#ffffff;
}

.fadeInDown {
	animation-name: fadeInDown;
}
.la-btn {
	background: rgb(92, 196, 68);
	padding: 0px;
	transition:0.35s;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.la-btn:hover {
	background: none; color: rgb(255, 255, 255);
}
.la-btn::before {
	background: rgb(255, 184, 82); transition:0.35s; left: 50%; top: 0px; width: 0px; height: 100%; visibility: hidden; position: absolute; z-index: -1; content: ""; transform: skew(45deg, 0deg);
}
.la-btn:hover::before {
	left: -25%; width: 200%; visibility: visible;
}
.la-btn1 {
	padding: 14px 20px; color: rgb(255, 255, 255) !important; overflow: hidden; font-size: 15px; display: inline-block; position: relative; z-index: 1; background-color: rgb(255, 184, 82) !important;
}
A.A1:link {
		background: #D41816; width:210px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A1:visited {
		background: #D41816;  width:210px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A1:hover {
		background: #D41816;  width:210px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A1:active {
		background: #D41816;  width:210px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A2:link {
	width:260px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
	background-color: #0070A4;
}
A.A2:visited {
		background: #D41816;  width:260px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A2:hover {
		background: #D41816;  width:260px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
A.A2:active {
	background: #0070A4;
	width:260px;
	padding: 0px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
  .tit1{
    width: 100%;
    height: auto;
    background: url(../images/tit-bg1.jpg) top center no-repeat;
    overflow: hidden;
  }
  .tit1 img{
    display: block;
    margin:0 auto;
  }
  .tit1 h2{
    display: block;
    height: 50px;
    text-align: center;
    font-size: 36px;
    color: #464646;
    letter-spacing: 10px;
    font-weight: bold;
  }
  .tit1 p{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #737373;
    letter-spacing: 0px;
  }
  .tit1 .enzi{
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    color: #666;
  }
  
  .jm_fenlei { padding-bottom:0.5em;}
.jm_fenlei li { width:23%; margin:1%; float:left; text-indent:0em; background:#338EE1; line-height:3em; border-radius:15px; text-align:center; color:#FFF;}
.jm_fenlei li a {font-size:1.2em;color:#FFF; display:block; text-align:center;}